const gulp =require('gulp');
const cssmin = require('gulp-cssmin');
const autoprefixer = require('gulp-autoprefixer');
const uglify = require('gulp-uglify');
const babel = require('gulp-babel');
const htmlmin = require('gulp-htmlmin');
/* 创建一个css任务 */
gulp.task('css',()=>{
   return gulp.src('./css/**')
              .pipe(autoprefixer({
                overrideBrowserslist:["last 5 version","iOS > 3","Firefox > 2"]
           }))
              .pipe(cssmin())
              .pipe(gulp.dest('./dist/css'))
})
/* 创建一个js任务 */
gulp.task('js', function () {
    return gulp
    	.src('./js/**')
    	.pipe(babel({
        	presets: ['es2015']
    	}))
    	.pipe(uglify())
    	.pipe(gulp.dest('./dist/js'))
})
// 4. 创建一个 html 任务
gulp.task('html', function () {
    return gulp
    	.src('./pages/**')
    	.pipe(htmlmin({
        	 removeEmptyAttributes:true, // 移除空的属性
             collapseWhitespace:true, // 移除空格
             minifyCSS:true,   // 压缩 style 标签
             minifyJS:true,    // 压缩 script 标签 
    	}))
    	.pipe(gulp.dest('./dist/pages'))
})
// 5. 创建一个 lib 任务
gulp.task('lib', function () {
    return gulp
    	.src('./lib/**')
    	.pipe(gulp.dest('./dist/lib'))
})

// 6. 创建一个 static 任务
gulp.task('static', function () {
    return gulp
    	.src('./static/**')
    	.pipe(gulp.dest('./dist/static'))
})